
$(function(){
  $("select").change(function(){
    $(this).css("color","#333333");
  });

    //自定义配置
    var configure = {
        sideNav : true,//侧边导航
        direction : 'vertical'
    };


    var winH = 0;
    var aSect = $('.section');//分屏页面
    var oPage = $('.pagewarp');//外壳
    oPage.now = 0;//当前页面的索引
    oPage.end = true; //切换动画是否结束



    //初始化侧边导航
    if(configure.sideNav){
        var str = '';
        aSect.each(function(index, element) {
            str+='<li><p>'+$(this).attr('date-title')+'</p></li>';
        });
        $('<ul class=sidenav>'+str+'</ul>').appendTo($('.winwarp'));
        	var aSidenav = $('.sidenav li');
        	aSidenav.eq(0).addClass('active');
        $('.sidenav p').each(function(index, element) {
            $(this).css({'background-color':aSect.eq(index).css('background-color')});
        });;
    }

    aSect.eq(0).addClass('active');//首屏展示
    getWinH();//获取窗口高度
    F()//绑定事件


    $(window).on('resize', function() {
        getWinH()
    });
    aSidenav.on('click',function(){
        if(oPage.end){
            pageMove(oPage.now,$(this).index())
        }
    });


    //获取窗口高度
    function getWinH() {
        winH = $(window).height()
//      document.title = winH;//头部是屏幕的高度
        aSect.css('height',winH);
        $('.winwarp').css({'height':winH});
        oPage.css('height',aSect.length*winH);
        $('.sidenav').css('top',winH/2-$('.sidenav').height()/2);
    }
    //分屏切换动画
    function pageMove(iNow,iTar) {
        //iTar为目标页面索引，iNow为当前页面索引
        oPage.end = false;
        aSect.eq(iNow).removeClass('active');
        oPage.stop().animate({top:-iTar*winH},500,function(){
            //anmShow(iTar)
            aSect.eq(iTar).addClass('active');
            oPage.now = iTar;
            oPage.end = true;
        });
        //anmHide(iNow)
        aSidenav.eq(iNow).removeClass('active');
        aSidenav.eq(iTar).addClass('active');
    }

//鼠标滚轮逻辑判断方法
    function mScroll(ev){
        var iScr;

        ev=window.event||ev;
        iScr=Math.max(-1,Math.min(1,ev.wheelDelta||-ev.detail));
        //将120和3取小为1，将-120和-3取大为-1；
       // console.log(ev.wheelDelta);//上：120 下：-120
       //console.log(ev.detail);//上：-3 下：3
       //console.log(iScr);//上：1 下：-1

        if(oPage.end){
            //如果切换动画已完成，通过判断iScr执行相应的操作
            if(iScr >0){
                if(oPage.now-1<0) return;//第一页不上翻
                pageMove(oPage.now,oPage.now-1);
            } else {
                if(oPage.now+1>aSect.length-1) return;//最后一页不下翻
                pageMove(oPage.now,oPage.now+1);
            }
        }
    }

//上下键盘逻辑判断
	function keyDown(e) {
				var iekey = event.keyCode;
				action(iekey);
			}
			document.onkeydown = keyDown;

		function action(iekey) {
			var iScr;
			ev = window.event || ev;
			iScr = Math.max(-1,Math.min(1,ev.wheelDelta||-ev.detail));
			if(iekey == 40) {//下键盘
				 if(oPage.now+1>aSect.length-1) return;//最后一页不下翻
                pageMove(oPage.now,oPage.now+1);
			}
			if(iekey == 38) { //上键盘
				  if(oPage.now-1<0) return;//第一页不上翻
                pageMove(oPage.now,oPage.now-1);
			}
			if(event.keyCode==37){//左键盘
				 if(oPage.now-1<0) return;//第一页不上翻
                pageMove(oPage.now,oPage.now-1);
			}
			if(iekey == 39) {//右键盘
				 if(oPage.now+1>aSect.length-1) return;//最后一页不下翻
                pageMove(oPage.now,oPage.now+1);
			}
			
			
		}



    function F(){
        //         事件监听            滚轮事件            事件的属性
        //谷歌  addEventListener     mousewheel         window.event.wheelDelta   上：120   下：-120
        //火狐   addEventListener     DOMMouseScroll     ev.detail                 上：-3    下：3
        //ie     attachEvent         onmousewheel        window.event.wheelDelta   上：120   下：-120

        document.addEventListener?(document.addEventListener("mousewheel",mScroll,false),
        document.addEventListener("DOMMouseScroll",mScroll,false)):document.attachEvent("onmousewheel",mScroll)
    }
    
    //侧边栏 回到顶部效果
	$(".top").on("click",function(){
		 pageMove(oPage.now,0);
	});
	$(function(){
	  $(".top").click(function() {
	      $("html,body").animate({scrollTop:0}, 500);
	  }); 
	 })
	//鼠标滑过的效果
	$(".side-nav ul li").hover(function(){
		var index = $(this).index();
		$(this).addClass("active").siblings().removeClass();
		$(".hover-con").eq(index).show().siblings().hide();
	},function(){
		var index = $(this).index();
		$(this).removeClass("active");
		$(".hover-con").eq(index).hide();
	});
	
	//点击出现遮罩
	$(".mask").click(function(){
		$(".pover").show();
		$(".reg").show();
	});
	$(".reg-now").click(function(){
		$(".pover").show();
		$(".reg").show();
	});
    
    $(".close").click(function(){
    	$(".pover").hide();
		$(".reg").hide();
    });
    
    //详情页表单聚焦
    $("input").focus(function(){
		  $(this).parent(".out-border").css("border-color","#01C17B");
		});
		$("input").blur(function(){
		  $(this).parent(".out-border").css("border-color","#EEEEEE");
		});
    //贷款金额判断错误失去焦点提示错误
    $('.amount').on("blur", function(){ 
     		if($(".amount").val() == ""){
	    		$(".reg-bottom span").show();
	    		$(".reg-bottom span img").show();
	   			$(".reg-bottom span p").text("输入您的贷款金额");
	   			return false;
	    	}else if( !/^[0-9]*$/.test($(".amount").val())){
	    		$(".reg-bottom span").show();
	    		$(".reg-bottom span img").show();
	   			$(".reg-bottom span p").text("输入的金额必须是数字");
	   			return false;
	    	}else if($(".amount").val().length > 9){
	   			$(".reg-bottom span").show();
	   			$(".reg-bottom span img").show();
	   			$(".reg-bottom span p").text("请输入正确的贷款金额");
	   			return false;
	   		}else{
	   			$(".reg-bottom span").hide();
	   		}
     	});
     	//姓名为空失去焦点提示错误
    $(".name").on("blur",function(){
    			if($(".name").val() == ""){
		    		$(".reg-bottom span").show();
		    		$(".reg-bottom span img").show();
		   			$(".reg-bottom span p").text("请输入您的姓名");
		   			return false;
		    	}else{
		    		$(".reg-bottom span").hide();
		    	}
    });
    //手机号失去焦点提示错误
    $(".tel-number").on("blur",function(){
    	 if (!/^1((3|5|7|8){1}\d)\d{8}$/.test($(".tel-number").val())) {
	        	$(".reg-bottom span").show();
	        	$(".reg-bottom span img").show();
						$(".reg-bottom span p").text("请输入正确的手机号码");
	            return false;
	        }else{
	        	$(".reg-bottom span").hide();
	        }
    })
    
    //表单验证
	    $('#form').submit( function() {
	    	if($(".amount").val() == ""){
	    		$(".reg-bottom span").show();
	    		$(".reg-bottom span img").show();
	   			$(".reg-bottom span p").text("输入您的贷款金额");
	   			return false;
	    	}else if( !/^[0-9]*$/.test($(".amount").val())){
	    		$(".reg-bottom span").show();
	    		$(".reg-bottom span img").show();
	   			$(".reg-bottom span p").text("输入的金额必须是数字");
	   			return false;
	    	}else if($(".amount").val().length > 9){
	   			$(".reg-bottom span").show();
	   			$(".reg-bottom span img").show();
	   			$(".reg-bottom span p").text("请输入正确的贷款金额");
	   			return false;
	   		}
	    	if($(".name").val() == ""){
	    		$(".reg-bottom span").show();
	    		$(".reg-bottom span img").show();
	   			$(".reg-bottom span p").text("请输入您的姓名");
	   			return false;
	    	}
	        if (!/^1((3|5|7|8){1}\d)\d{8}$/.test($(".tel-number").val())) {
	        	$(".reg-bottom span").show();
	        	$(".reg-bottom span img").show();
						$(".reg-bottom span p").text("请输入正确的手机号码");
	            return false;
	        }
	        $('#form').ajaxSubmit({
	            success: function(data) {
	            	$(".reg-bottom span").hide();
	                	layer.alert('提交成功', function() {
											window.location.reload();
										});
	            },
	          	error:function(data){
	          		layer.alert(data.msg || "服务器繁忙，请稍后再试");
	          	}
	        });
	        return false; // 阻止表单自动提交事件
});

//首页底部表单提交
		//贷款金额判断错误失去焦点提示错误
    $('.loanAmount').on("blur", function(){
     		if($(".loanAmount").val() == ""){
	   			$(".reg-tip").text("输入您的贷款金额");
	   			return false;
	    	}else if( !/^[0-9]*$/.test($(".amount").val())){
	   			$(".reg-tip").text("输入的金额必须是数字");
	   			return false;
	    	}else if($(".loanAmount").val().length > 9){
	   			$(".reg-tip").text("请输入正确的贷款金额");
	   			return false;
	   		}
     	});
     	//姓名为空失去焦点提示错误
    $(".clientName").on("blur",function(){
    			if($(".clientName").val() == ""){
		   			$(".reg-tip").text("请输入您的姓名");
		   			return false;
		    	}
    });
    //手机号失去焦点提示错误
    $(".tel").on("blur",function(){
    	 if (!/^1((3|5|7|8){1}\d)\d{8}$/.test($(".tel").val())) {
				$(".reg-tip").text("请输入正确的手机号码");
	            return false;
	        }
    })
    
    //表单验证
	    $('#form1').submit( function() {
	    	if($(".loanAmount").val() == ""){
	   			$(".reg-tip").text("输入您的贷款金额");
	   			return false;
	    	}else if( !/^[0-9]*$/.test($(".loanAmount").val())){
	   			$(".reg-tip").text("输入的金额必须是数字");
	   			return false;
	    	}else if($(".loanAmount").val().length > 9){
	   			$(".reg-tip").text("请输入正确的贷款金额");
	   			return false;
	   		}
	    	if($(".clientName").val() == ""){
	   			$(".reg-tip").text("请输入您的姓名");
	   			return false;
	    	}
	        if (!/^1((3|5|7|8){1}\d)\d{8}$/.test($(".tel").val())) {
				$(".reg-tip").text("请输入正确的手机号码");
	            return false;
	        }
	        $('#form1').ajaxSubmit({
	            success: function(data) {
	                 layer.alert('提交成功', function() {
											window.location.reload();
										});
	            },
	          	error:function(data){
	          		layer.alert(data.msg || "服务器繁忙，请稍后再试");
	          	}
	        });
	        return false; // 阻止表单自动提交事件
		});
	
	
	//关于大象贷
	//子导航
		var sublis = $(".subnav ul li");
		sublis.on("click",function(){
			$(this).find("a").addClass("dxd-active").siblings().find("a").removeClass();
		});
		//诚聘英才子导航
		var invitelis = $(".invite-content ul li");
		invitelis.on("click",function(){
			var index = $(this).index();
			$(this).addClass("invite-subnavActive").siblings().removeClass();
			$(".invite-subnav .invite-con").eq(index).show().siblings().hide();
		});
		
	/*
	 * 百度地图
	 * */
    //创建和初始化地图函数：
    function initMap(){
      createMap();//创建地图
      setMapEvent();//设置地图事件
      addMapControl();//向地图添加控件
      addMapOverlay();//向地图添加覆盖物
    }
    function createMap(){ 
      map = new BMap.Map("map"); 
      map.centerAndZoom(new BMap.Point(113.782646,34.757123),20);
    }
    function setMapEvent(){
      map.enableScrollWheelZoom();
      map.enableKeyboard();
      map.enableDragging();
      map.enableDoubleClickZoom()
    }
    function addClickHandler(target,window){
      target.addEventListener("click",function(){
        target.openInfoWindow(window);
      });
    }
    function addMapOverlay(){
      var markers = [
        {content:"河南省郑州市郑东新区德威广场",title:"",imageOffset: {width:0,height:3},position:{lat:34.757123,lng:113.782646}}
      ];
      for(var index = 0; index < markers.length; index++ ){
        var point = new BMap.Point(markers[index].position.lng,markers[index].position.lat);
        var marker = new BMap.Marker(point,{icon:new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png",new BMap.Size(20,25),{
          imageOffset: new BMap.Size(markers[index].imageOffset.width,markers[index].imageOffset.height)
        })});
        var label = new BMap.Label(markers[index].title,{offset: new BMap.Size(25,5)});
        var opts = {
          width: 200,
          title: markers[index].title,
          enableMessage: false
        };
        var infoWindow = new BMap.InfoWindow(markers[index].content,opts);
        marker.setLabel(label);
        addClickHandler(marker,infoWindow);
        map.addOverlay(marker);
      };
    }
    //向地图添加控件
    function addMapControl(){
      var scaleControl = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
      scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
      map.addControl(scaleControl);
      var navControl = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
      map.addControl(navControl);
      var overviewControl = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true});
      map.addControl(overviewControl);
    }
    var map;
      initMap();
    
    
});





